﻿@{
    Layout = "~/Views/Shared/OA/_Layout.cshtml";
}
@if (IsSectionDefined("Toolbar"))
{
    <div id="toolbar" class="toolbar">
        <div class="wrap">
            @RenderSection("Toolbar", false)
        </div>
    </div>
}
<div class="tabStrip">
    @RenderSection("TabStrip", false)
</div>
<div class="detailTabStrip">
    <div class="wrap">
        <div class="tabContent">
            @RenderSection("Main")
        </div>
    </div>
</div>
@RenderBody()
<script>
    jQuery(function () {
        var height = $("body").height() - $("#toolbar").height() - $(".tabStrip").height();
        $(".detailTabStrip").height(height);
        $(".tabContent>div").hide();
        $(".tabContent>div").eq(0).show();
        $(".tabStrip>span").click(function () {
            var index = $(this).index();
            $(".tabContent>div").hide();
            $(".tabContent>div").eq(index).show();
            $(".tabStrip>span").removeClass();
            $(this).addClass("selected");
            if ($.isFunction(window.tabCallBack)) {
                tabCallBack(this);
            }
        });
    });

    function nav(url)
    {
        window.location = url;
    }

    function navTab(url)
    {
        top.navTab(url);
    }

    function back(reload, data, message, delay)
    {
        top.backTab(reload, data, message, delay)
    }

    function reload()
    {
        location.reload();
    }

</script>
@RenderSection("Foot", false)